<!DOCTYPE html>
<html lang="en" class="no-js">

	<head>
		<meta charset="ISO-8859-1" />
	
	
		<link rel="stylesheet" href="jquery.ui.crud-record-list-20120101.css" type="text/css" />
		<link rel="stylesheet" href="jFormer/jformer.css" type="text/css" />
	
	
		<script type="text/javascript" src="jquery-1.7.1.min.js"></script>

		<script type="text/javascript" src="jquery.nanoscroller.min.js"></script>

		<script type="text/javascript" src="jFormer/jFormer.js"></script>

		<script type="text/javascript" src="jquery-ui-1.8.17.custom.min.js"></script>

		<script type="text/javascript" src="jquery.ui.core.js"></script>

		<script type="text/javascript" src="jquery.ui.widget.js"></script>

		<script type="text/javascript" src="jquery.ui.mouse.js"></script>

		<script type="text/javascript" src="jquery.ui.crud-record-list-20120101.js"></script>
		
		<script>
		</script>
	</head>

	<body>
			<div id="list1" class="nano">
				<div id="listcontent" class="content">
				</div>
			</div>
	</body>

	<script>
			// The creation
			var list = $("#list1").classCrudRecordList();
			
			var records;
			$.ajax({
					  url      : "http://mirhrh.appspot.com/AsistenciaCrudFindAllGrupoHorario",
					  dataType : "json",
					  data     : "",
					  success  : function(data) {
										records = data;
										createDataList();
								}
			});
	

			function createDataList() {
			
				// The setup
				list.classCrudRecordList("setContentWidthInPixels", "280");
				list.classCrudRecordList("setContentDivID", "listcontent");
				list.classCrudRecordList("setMainDivID", "list1");
				list.classCrudRecordList("setRecords", records);
				list.classCrudRecordList("setEvtRowSelected", "testclick");

				// The painting of data
				list.classCrudRecordList("repaint");
			}
			
			
			function testclick(a) {
			
				return true;
			}
	

	
	</script>
	
</html>
